<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if IE ]>
<link rel="stylesheet" href="css/ie.css" type="text/css" />
<![endif]-->
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script src="js/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { previous:$('#jslidernews3 .button-previous') ,
						next:$('#jslidernews3 .button-next') };		
		$('#jslidernews3').lofJSidernews( { interval:5000,
											 	easing:'easeOutBounce',
												direction:'opacity',
												duration:1200,
												auto:false,
												mainWidth:960,
												mainHeight:250,
												navigatorHeight		: 83,
												navigatorWidth		: 320,
												maxItemDisplay:3,
												buttons:buttons} );	
		$('#slidecat').bxSlider({
			displaySlideQty: 1,
			moveSlideQty: 1
		});
							
	});

</script>
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('img,a,p,li,form,input,.pngie6,#header,#content,h4,.readmore');
</script>
<![endif]-->
<title>Kolocor</title>
</head>

<body>
<div class="paket"></div>
<div id="wraphead">	
    <div class="shadow_left pngie6"></div>
    <div class="shadow_right pngie6"></div>
	<div id="header">
    	<h2><img src="images/logo.png" alt=""></h2>
        <div class="support">
        	<h4 class="pngie6">01689 558 658</h4>
        </div>
        <div class="cart">
        	<p class="price">&euro; 89.00 <span>(4 item in cart)</span></p>
            <p class="linkcart"> <a href="#"> Basket</a><a href="#">Login</a></p>
        </div> 
        <div class="menu">
        	<ul>
            	<li class="active roundli first_menu"><a href="#">Home</a></li>
                <li class="roundli"><a href="#">About</a></li>
                <li class="roundli"><a href="#">Find product</a></li>
                <li class="roundli"><a href="#">Digtal Solution</a></li>
                <li class="roundli"><a href="#">Despoke Quote</a></li>
                <li class="roundli"><a href="#">Tempaltes</a></li>
                <li class="roundli"><a href="#">Contact</a></li>
            </ul>
        </div><!--  end menu-->
    </div><!--  end header-->
    <div id="jslidernews3" class="lof-slidecontent" style="width:960px; height:250px;">
	<div class="preload"><div></div></div>
                   
    <!-- MAIN CONTENT --> 
    <div class="main-slider-content" style="width:960px; height:250px;">
                <ul class="sliders-wrap-inner">
                    <li>
                            <img src="images/thumbl_980x340.png" title="Newsflash 2" > 
                            <p><a href="#">&nbsp;</a></p>           
                    <!--                          <div class="slider-description">
                            <div class="slider-meta"><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 1</h4>
                            <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div>-->
                    </li> 
                    <li>
                      <img src="images/thumbl_980x340_002.png" title="Newsflash 1" > 
                      <p><a href="#">&nbsp;</a></p>          
                    </li> 
                    <li>
                      <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >
                      <p><a href="#">&nbsp;</a></p>             
                    </li> 
                    <li>
                      <img src="images/thumbl_980x340_004.png" title="Newsflash 5" > 
                      <p><a href="#">&nbsp;</a></p>            
                    </li> 
                    <li>
                      <img src="images/thumbl_980x340_005.png" title="Newsflash 5" > 
                      <p><a href="#">&nbsp;</a></p>            
                    </li> 
                    <li>
                      <img src="images/thumbl_980x340_006.png" title="Newsflash 5" > 
                      <p><a href="#">&nbsp;</a></p>            
                    </li>            
      </ul>  	
            </div>
 		   <!-- END MAIN CONTENT --> 
           <!-- NAVIGATOR -->
           	<div class="navigator-content">
                  <div class="navigator-wrapper">
                        <ul class="navigator-wrap-inner">
                          <li>
   							<p> Description 1</p>
                          </li>
                          <li>
   							<p> Description 2</p>
                          </li>
                          <li>
   							<p> Description 3</p>
                          </li>
                          <li>
   							<p> Description 4</p>
                          </li>
                          <li>
   							<p> Description 5</p>
                          </li>
                          <li>
   							<p> Description 6</p>
                          </li>    		
                        </ul>
                  </div>
   
             </div> 
          <!----------------- END OF NAVIGATOR --------------------->
 </div>
 	<!----------------- END OF Slide --------------------->
    </div>
</div><!--  end wraphead-->
<div id="wrapcontent">
	<div id="content">
   	  <div class="sosiall">
       	<p>
            	<a href="#"><img src="images/v1.jpg" alt=""/></a>
                <a href="#"><img src="images/v2.jpg" alt=""/></a>
                <a href="#"><img src="images/v3.jpg" alt=""/></a>
                <a href="#"><img src="images/v4.jpg" alt=""/></a>
                <a href="#"><img src="images/v5.jpg" alt=""/></a>
                <a href="#"><img src="images/v6.jpg" alt=""/></a>
                <a href="#"><img src="images/v7.jpg" alt=""/></a>
                <a href="#"><img src="images/v8.jpg" alt=""/></a>
          </p>
        </div>	
    	<div class="featured">
        	<div class="left_ct">
            	<h4>SEO Title Header Text</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed mauris purus. Sed ligula velit, 
dignissim mollis accumsan ut, pharetra sed ligula. Suspendisse fringilla pretium augue a malesuada. </p>
                <p class="readmore"><a href="">Read more</a></p>
        	</div>
        	<div class="right_ct mari15">
            	<h4>Product search</h4>
                <form action="" name="" method="">
                	<input class="in" type="text" name="s" value=""/>
                    <input class="sub" type="submit" name="submit" value=""/>
                </form>
            </div>
            <div class="clear"></div>        	
        </div><!--  end featured-->
        
        <div class="left_ct">
        	<div class="common_title"><h4 ><span>Some of out product</span></h4></div>
            <ul class="products">
            	<li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro1.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro2.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro3.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro4.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro1.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro2.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro3.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro4.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro1.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro2.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro3.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
                <li class="roundcon">
                	<h2 class="proname"> Some product</h2>
                    <p class="proimg"><img src="images/pro4.jpg" alt="pro1" /></p>
                    <p class="buynow"><a href="#"> Buy now</a></p>
                </li>
            </ul>
        </div>
        <div class="right_ct male15">
        	<div class="blog_right roundcon">
            	<div class="common_title">
            		<h4 class="blog_title pngie6"><span>Lastest product</span></h4>
                </div>
                <div class="slidepro">
                	 <div id="cat">
                        <ul id="slidecat">
                            <li><a href="#"><img src="images/last.jpg" alt="" /></a></li>
                            <li><a href="#"><img src="images/last.jpg" alt="" /></a></li>
                            <li><a href="#"><img src="images/last.jpg" alt="" /></a></li>
                            <li><a href="#"><img src="images/last.jpg" alt="" /></a></li>
                        </ul>
                    </div>
                    <p class="navslide">
                    	<a href="#"><img src="images/add-to-left.jpg" alt="add-to-left" /></a>
                        <a href="#" style="padding:0px 20px;"><img src="images/add-to.jpg" alt="add-to-left" /></a>
                        <a href="#"><img src="images/add-to-right.jpg" alt="add-to-left" /></a>
                    </p>
                </div>
            </div><!-- end blog_right-->
            
            
            
            <div class="blog_right linksosial">
            	<p class="roundcon"><a href="#"> <img src="images/link_twiter.jpg" alt="link_twiter" /></a></p>
                <p class="roundcon male3"><a href="#"> <img src="images/link-facebook.jpg" alt="link_twiter" /></a></p>
                <p class="roundcon male3"><a href="#"> <img src="images/link-rss.jpg" alt="link_twiter" /></a></p>
                <div class="clear"></div>
            </div>
            
            <div class="blog_right roundconred">
            	<h3>Customer Testimonials</h3>
                <p><span class="qtop"><img src="images/quotetop.jpg" alt="quotetop" /></span>Example content that refers to a client testimonial, the button below links to another page.<span class="qbottom"><img src="images/quotebottom.jpg" alt="quotetop" /></span></p>
                <p class="morered"><a href="#">More tesimonials</a></p>
            </div><!-- end blog_right-->
            
            <div class="blog_right roundcon">
            	<div class="common_title">
            		<h4 class="blog_title">Company blog</h4>
                </div>
                <div class="conblog">
                    <p class="proname"> Blog post title #1</p>
                    <p>Blurb that is a two line snippet from
    the blog post in question</p>		
                    </p>
                    <p class="readmore"><a href="#">Read more</a></p>
                </div>
            </div>
            <div class="blog_right roundconred">
            	<h3>Get our Newsletter</h3>
                <form id="form1" name="form1" method="post" action="">
                  <input class="in" type="text" name="textfield" id="textfield" />
                  <input class="sub"  type="submit" name="button" id="button" value="Subcriber" />
                </form>
            </div><!-- end blog_right-->
        </div>
        <div class="clear"></div>
    </div><!--  end content-->
    <div id="footer">
    	<div class="featured_foot">
        	<div class="blog_foot">
            	<p><strong>About Kolorco</strong></p>
            	<ul>
                	<li><a href="#">About Us</a></li>
                    <li><a href="#">Company History</a></li>
                    <li><a href="#">Environmental</a></li>
                    <li><a href="#">Testimonials</a></li>
                    <li><a href="#">Find Us</a></li>
                </ul>
            </div>
            <div class="blog_foot">
            	<p><strong>Top Categories</strong></p>
            	<ul>
                	<li><a href="#">Flyers</a></li>
                    <li><a href="#">Business Cards</a></li>
                    <li><a href="#">Letterheads</a></li>
                </ul>
            </div>
            <div class="blog_foot">
            	<p><strong>Help & Support</strong></p>
            	<ul>
                	<li><a href="#">Terms and Conditions</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Frequently Asked Questions</a></li>
                    <li><a href="#">Template Guide</a></li>
                    <li><a href="#">Contact Us</a></li>
                </ul>
            </div>
            <div class="blog_foot_logo">
            	<img src="images/logofoot.png" />
                <h4 class="pngie6">01689 558 658</h4>
            </div>
            <div class="clear"></div>
            <div class="infomation">
            <p>All material copyright &copy;2011  Kolocro reserved worldwide.</p>
            <p class="website">Website by <a href="">newmediaboutique</a></p>
            <div class="clear"></div>
            </div>	
        </div>
    </div><!--  end footer-->
</div><!--  end wrapcontent-->

</body>
</html>
